.pack-service{
  margin: 1% 1% 0 0;
  width: 32%;
  padding:2%;
  cursor: pointer;
  float: left;
  .service{
    .service-icon{
      width: 92px;
      margin: 0 auto !important;
      i{
        border:3px solid @fontBlueClor;
        color:@fontBlueClor;
        background: @white;
        width: 86px;
        height: 86px;
        border-radius: 43px;
        font-size: 40px;
        text-align: center;
        line-height: 80px;
        .transition(all 0.5s ease 0s);
      }
    }
    .service-detail{
      h6{
        text-transform: uppercase;
        font-weight: 400;
        margin: 10px 0 3px 0;
        text-align: center;
        font-size: 15px !important;
        font-family: @defaultFontFamily;
      }
      p{
        text-align: center;
        font-size: 14px;
        color:@articleColor !important;
        font-family: @defaultFontFamily;
        line-height: 22px;
      }
    }
  }
  &:hover{
    background: @white;
    box-shadow: 0 0 0 2px @borderBottom;
    .service-icon i{
      background: @fontBlueClor;
      border: 3px solid @modalFooter;
      color: @white;
      .transform(scale(1) rotate(360deg));
    }
  }
}

.border-list{
  width: 80%;
  margin: 0 auto;
  border-bottom: 1px solid @fontBlueClor;
  margin-top: 30px;
}
.bottom-p{
   margin-top: 20px;
  .panel-heading{
    background: @fontBlueClor;
    h4{
      margin-top: 0;
      margin-bottom: 0;
      font-size: 16px;
      font-family: @defaultFontFamily;
      font-weight: 300;
      a{
        text-decoration: none;
        color: @white;
        i{
          float: right;
          font-size: 13px;
        }
      }
    }
  }
 }
.banner{
  margin-top: 19px;
  margin-bottom: 20px;
}